vue安装本地开发环境

1.npm install -g cnpm --registry=https://registry.npm.taobao.org

2.cnpm install webpack webpack-cli -g

3.cnpm install -g vue-cli

4.cnpm install -g @vue/cli-service-global

这里在终端命令行一条一条执行下来就可以了。 npm工具自行安装

下面cd到自己想要放项目的路径

5.vue init webpack vue-demo(vue-demo这个自定义)

? Project name vue-demo # 项目名称,直接回车,按照括号中默认名字(注意这里的名字不能有大写字母,如果有会报错Sorry, name can no longer contain capital letters),阮一峰老师博客为什么文件名要小写 ,可以参考一下。
? Project description A Vue.js project # 项目描述,随便写
? Author # 作者名称
? Vue build standalone # 我选择的运行加编译时
   -> Runtime + Compiler: recommended for most users
? Install vue-router? -> Yes # 是否需要 vue-router,路由肯定要的
? Use ESLint to lint your code? -> Yes # 是否使用 ESLint 作为代码规范.
? Pick an ESLint preset -> Standard # 一样的ESlint 相关
? Set up unit tests -> Yes # 是否安装单元测试
? Pick a test runner -> none 按需选择 # 测试模块
? Setup e2e tests with Nightwatch? -> Yes 安装选择 # e2e 测试
? Should we run `npm install` for you after the project has been created? -> (recommended) npm

下面安装必要的工具

6.cnpm install --save-dev node-sass (scss相关)

7.cnpm install --save-dev [email protected](scss相关)

8.cnpm install --save-dev [email protected](scss相关)

9.cnpm install --save-dev [email protected](scss相关)

10.cnpm install --save-dev [email protected](这个重点提示下是压缩打包js包用的,提高网站加载js文件的速度,需要配置一些参数,前期可以不用安装)

11.cnpm install axios --save (接口请求工具)

12.cnpm install vue-meta --save(SEO优化工具)

13.cnpm install element-ui -S (快捷建站工具)

14.cnpm install vue-piczoom --save (图片放大工具)

16.cnpm install --save babel-polyfill (es6转es5工具)

17.cnpm install --save es6-promise(es6转es5工具)

18.cnpm install --save vue-lazyload (图片懒加载工具)

发布了7 篇原创文章 · 获赞 0 · 访问量 115

猜你喜欢

转载自blog.csdn.net/chenyu00544/article/details/104822152