Vue+TypeScript+Vuex+Element-ui项目创建

vue

1、安装node：

https://nodejs.org/zh-cn/download/ ，根据自己对应的系统下载对应的版本，建议下载zip文件，安装后把安装路径放到环境变量的path里面，然后打开命令窗口查看是否安装正常，如下：

2、安装npm：推荐cnpm代替npm，安装命令如下：

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装vue cli，命令如下：

npm install -g @vue/cli

安装完成后可以打开命令窗口查看，如下：

4、安装依赖typescript，命令如下：

cnpm i -g @vue/cli typescript

安装完成后可以打开命令窗口查看，如下：

5、去对应的项目路径下新建自己对应的项目文件夹，然后就可以创建项目，打开命令窗口找到创建的文件夹，输入如下命令：

vue create 项目名称

然后选择 Manually select features，如图：

选择自己项目需要用到的，这个是我自己项目上用到的（可以根据自己项目选择）：

然后回车，一直Yes下去，然后到这一步选择标准版本，如下：

然后回车，接着往下，如下图选择json格式（可以根据自己项目选择）：

然后一直回车就会进行项目创建和依赖加载，如下：

依赖加载完成，如下：

6、找到对应的路径就能找到创建的项目：

7、打开命令窗口，找打对应的项目路径，安装element-ui依赖，命令如下：

cnpm i element-ui –S

8、打开命令窗口，运行如下命令：

Vue ui

9、把项目导入到Vue项目管理器中：

然后就可以运行自己的项目：

10、运行后在输出查看项目是否正常，如下：

访问地址，项目启动成功，如下：

11、使用开发工具打开项目文件如下，说明该项目已经支持ts文件：

12、调试Vue的时候建议安装：vue-devtools工具。