在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
1、安装node: https://nodejs.org/zh-cn/download/ ,根据自己对应的系统下载对应的版本,建议下载zip文件,安装后把安装路径放到环境变量的path里面,然后打开命令窗口查看是否安装正常,如下: 2、安装npm:推荐cnpm代替npm,安装命令如下:
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工具。 |
请发表评论