1.安装Node.js
2.配置npm源
npm config set registry https://registry.npmmirror.com 当配置成功后,可通过 get 命令可查看npm源: npm config get registry 注意:以上命令将显示当前生效的npm源,但并不检查npm源的URL是否有效,所以,即使配置了错误 的npm源,也不会提示错误,请认真检查是否配置了正确的URL。 3.安装VUE Cli npm install -g @vue/cli 4.创建Vue CLI工程输入以上指令后,按下 Enter 键将准备创建工程,创建过程可能耗时较长,注意:不可反复按 Enter 键,否则会自动选择后续各设置选项的默认项。 创建过程中会有一些选项,最先提示的选项是 Please pick a preset ,表示“请选择一个预设项”,推 荐选择 Manually select features ,表示“手动选择”,通过键盘的上下箭头进行选择,选择到目标项 后按下键盘的 Enter 键到下一步
接下来的选项是 Check the features needed for your project ,表示“选择你的工程中需要使用 的功能”,推荐在列表中选择 Babel 、 Router 、 Vuex 这3项,使用键盘的上下箭头移动,使用空格选 中或取消选中,选择完成后按下键盘的 Enter 键到下一步:
接下来的选项是 Choose a version of Vue.js that you want to start the project with ,表 示“选择你的工程中希望使用的Vue.js的版本”,推荐选择 2.x 这项,选择到目标项后按下键盘的 Enter 键到下一步:
接下来的选项是 Use history mode for router ,表示“是否在路由中选择历史模式”,推荐选择 “是”,输入 Y 后按下键盘的 Enter 键到下一步(提示信息中, Y 是大写的,表示它是默认选项,不输入 Y 而直接按下 Enter 键是等效的): 接下来的选项是 Where do you prefer placing config for Babel, ESLint, etc.? ,表示“你习 惯把一些配置信息存放在哪里?”,推荐选择 In package.json ,即存放在 package.json 文件中,选 择到目标项后按下键盘的 Enter 键到下一步: 最后的选项是 Save this as a preset for future projects? ,表示“是否保存以上配置信息,作 为后续将创建的新工程的预设?”,推荐选择“否”,输入 N 后按下键盘的 Enter 键(提示信息中, N 是大 写的,表示它是默认选项,不输入 N 而直接按下 Enter 键是等效的): 5.启动服务 npm run serve 当提示以下信息时,表示工程已成功启动:
当工程成功启动后,即可根据提示的URL在浏览器中进行访问: 标签:npm,选项,Vue,cli,键盘,选择,Enter,键到,安装 From: https://www.cnblogs.com/BookSwordLee/p/17108369.html