1 安装node.js

下载地址:https://nodejs.org/en/download/

2 配置环境变量

   1 在用户变量中点击“新建”,变量名输入NODE_PATH,变量值输入nodejs安装地址:D:\softpath\nodejs。 在用户变量的path中,输入 %NODE_PATH%

   2 安装完成后测试下nodejs和npm是否安装成功。 node -v         npm-v

   3  npm配置,先配置npm的全局模块的存放路径以及cache的路径。在NodeJs下建立”node_global”及”node_cache”两个文件夹

   4  在终端运行以下两条命令语句

        npm config set prefix D:\softpath\nodejs\node_global

        npm config set cache D:\softpath\nodejs\node_cache

  5 直接复制vue.cmd所在的路径,然后不用点击新建,找到path点击编辑,在里面新建将路径放进去 D:\softpath\nodejs\node_global

3 切换国内源

   1 npm config get registry

   2 npm config set registry https://registry.npm.taobao.org

3 安装脚手架

   npm install -g @vue/cli     –管理员身份安装

  

4  用脚手架创建vue项目

    1 create project projectname(项目名称)

    2 Manually select features

    3 Check features,根据自己需要进行选择,一般选择 Babel,TypeScript, Router, Vuex,CSS Pre-processors
    4 vue版本选择3.x

    5  Use class-style component syntax? Yes     Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? Yes      Use history mode for router? (Requires proper server setup for index fallback in production) No

    6 Sass/SCSS (with dart-sass)   In dedicated config files

    7  是否保存配置 Save this as a preset for future projects? Yes   

    8 如果保存下次可以直接使用

5  启动项目

    终端运行:npm run build

    

 

    打开链接,启动成功

 

   

 

 

 

 

      

 

原文地址:http://www.cnblogs.com/rayallen-wang/p/16914278.html

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长! 2. 分享目的仅供大家学习和交流,请务用于商业用途! 3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入! 4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 5. 如有链接无法下载、失效或广告,请联系管理员处理! 6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 7. 如遇到加密压缩包,默认解压密码为"gltf",如遇到无法解压的请联系管理员! 8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载 声明:如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性