vue的安装过程及注意事项

1、安装node,这部跳过,网上有很多资料,有不懂的可以去看看其它博客的安装过程说明!

补充一点:如果是刚安装好node的小伙伴,请先安装全局vue-cli脚手架

        npm install -g vue-cli

2、安装好node后,打开cmd命令控制面板(最好指定在自己想要的目录下)

    创建一个vue项目

    执行  vue init webpack my-project    注意(my-project)是自己的项目名

    回车既可,等待加载配置

        注意y表示yes,n表示no

        ? Project name ( my-project ) 敲y, 回车既可

        ?project description ( A Vue.js project ) 敲回车既可

        ?Author ( xxxxxx <[email protected]> ) 敲回车既可

        ? Vue build ( user arrow Keys ) 敲回车既可

        ? Install vue-router?(Y/n)敲Y回车既可 (是否安装路由)

        ?Use ESLint to lint your code? (Y/n) 敲n回车既可(是否安装路由)

        ?Set up unit tests (Y/n) 敲n回车既可 ( 单元测试, 个人觉得不安装选择n )

        ?Setup e2e tests with Nighwatch?(Y/n) (  e2e测试,个人觉得不安装选择n )

        ?Should we run `npm install` for you after the project has been created? (recommended) (use arrow Keys)

            这里是选择安装方式

            等待安装即可

        vue的安装过程及注意事项

3、安装成功!找到当个创建的那个文件

        npm run dev 运行

        vue的安装过程及注意事项

        

4、在浏览器访问localhost:8080


        vue的安装过程及注意事项

5、出来当前这个界面,既表示安装成功!然后就可以开启vue的新旅程了!