环境配置:
1.Node.js下载安装:
安装过程一路next,没有特别的要求选项,安装完成之后在CMD/终端窗口中输入:
npm -v
执行完成后,会提示版本号,表示安装成功
2.配置npm源
在CMD/终端窗口中输入:
npm config set registry https://registry.npm.taobao.org
执行后,不会有反馈。
以上命令用于配置npm源,则后续的下载软件都将从所配置的源服务器下载
3.安装vue/cli
npm install -g @vue/cli
执行后,会自动下载一些软件,在CMD终端会后许多信息,只要没有出现error级别的错误,均可无视
环境配置完成;
创建工程:
(以下示例将把项目创建在F:\Vue-Workspace
,此盘和文件夹名均可自行指定)
1.打开电脑中的文件夹窗口,找到F盘,新建名为Vue-Workspace
的文件夹,然后,在CMD/终端窗口中输入:
f:
执行后,输入:
cd f:\Vue-Workspace
执行后,命令提示符应该是F:\Vue-Workspace
,此时,再创建Vue CLI项目,则项目会出现在此文件夹中。
在CMD/终端窗口中输入:
vue create jsd2203-csmall-web-client
输入完成后,按1次回车(按下后会卡顿一会,请等待),在接下来的提示中,选择Manually choose featuers
,再选择Babel
、Router
、Vuex(此处选择时使用空格来标记*或者取消*)
,再选择Vue的版本为2.x
,出现Y/n
的选项时,直接回车即可,然后选择In package.json
,最后的y/N
选择也直接回车即可。
接下