初始化一个vue-cli项目

最新推荐文章于 2025-10-22 20:59:38 发布

原创最新推荐文章于 2025-10-22 20:59:38 发布 · 325 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #vue-cli #cnpm #element

vue 专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍使用Node.js和Vue.js构建项目的步骤，包括安装Node.js、切换npm镜像、安装Vue CLI、创建项目、安装依赖如jQuery和Element UI，以及如何在项目中引入和使用这些模块。

1.安装/下载node
2.查看node是否安装成功：node -v
3.切换成淘宝镜像cnpm
    npm install -g cnpm --registry=https://registry.npm.taobao.org
4.升级淘宝镜像
    cnpm install cnpm –g
5.安装vue
    cnpm install vue
6.安装脚手架
    cnpm install --global vue-cli
7.进入指定文件夹,初始化项目目录
    vue init webpack myproject
**注eslint选着N**
8.进入含有（package.json）的项目文件
9.打包运行项目
        cnpm install 
        npm run dev
**10.安装常用模块**
    cnpm install --save jquery
    安装element模块
    cnpm install style-loader -D
    cnpm install css-loader -D
    cnpm install file-loader -D
    cnpm install element-ui -S
**11入口文件中导入引用模块**
    import ElementUI from ‘element-ui‘
    import ‘element-ui/lib/theme-default/index.css‘
    Vue.use(ElementUI)